<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Pragma" CONTENT="no-cache"> 
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Expires" CONTENT="0">
<title>authorization</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<style type="text/css">

body,div{margin:0; padding:0;
background: #eeeeee url(../images/bg.jpg) top left repeat;

}
img{border:none;}

[title=AnswerContent]
{
width:100%;
background-color:#f2f2f2;
font-size:15px;
text-align:left;
height:35px;
line-height:50px;
}

html, body {
width:100%;
margin-top:2px;
margin-bottom:10px;
margin-left:0 ; 
margin-right:0 ;
padding-bottom:10px;
font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-family: FontAwesome;
        font-weight: normal;
        font-family: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
}

table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
	width: 40%;
}
table.hovertable th {
	background-color:#c3dde0;
	border-width: 2px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
	
}
table.hovertable tr {
	background-color:#d4e3e5;
}
table.hovertable td {
	border-width: 2px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
	text-align: center;
}
font{
 	font-size: 30px;
 	font-weight: bold;
 	color: #FF4040;
}

</style>

</head>

<body>


<center>
<font>Verify Code Information</font>
<table class="hovertable">
<tr>
	<th>userId</th><th>phoneNum</th><th>verifyCode</th>
</tr>
<tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	<td>${id}</td><td>${phone}</td><td>${verifyCode}</td>
</tr>
<tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
	<td>↑</td><td>↑</td><td>↑</td>
</tr>
</table>
</center>
</body>
</html>